<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@include file="common/header.jsp"%>
<div class="clearfix"></div>
<div class="row">
	<div class="col-md-12">
		<div class="x_panel">
			<div class="x_title">
				<h2>
					APP 信息管理维护 <i class="fa fa-user"></i><small>${du.devname}
					- 您可以通过搜索或者其他的筛选项对APP的信息进行修改、删除等管理操作。^_^</small>
				</h2>
				<div class="clearfix"></div>
			</div>
			<div class="x_content">
				<form id="form1" method="post" action="${pageContext.request.contextPath}/getAppinfoAll">
					<input type="hidden" name="page" id="setPage" value="1" />
					<ul>
						<li>
							<div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-12">软件名称</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<input name="querySoftwareName" type="text" class="form-control col-md-7 col-xs-12" value="${tiaojian.querySoftwareName}">
								</div>
							</div>
						</li>

						<li>
							<div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-12">APP状态</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<select name="queryStatus" id="queryStatus" class="form-control">
										<option value="">--请选择--</option>
									</select>
								</div>
							</div>
						</li>
						<li>
							<div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-12">所属平台</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<select name="queryFlatformId" id="queryFlatformId" class="form-control">
										<option value="">--请选择--</option>
									</select>
								</div>
							</div>
						</li>
						<li>
							<div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-12">一级分类</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<select  id="queryCategoryLevel1" name="queryCategoryLevel1" class="form-control">
										<option value="">--请选择--</option>
									</select>
								</div>
							</div>
						</li>
						<li>
							<div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-12">二级分类</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<input type="hidden" name="categorylevel2list" id="categorylevel2list"/>
									<select name="queryCategoryLevel2" id="queryCategoryLevel2" class="form-control">
										<option value="">--请选择--</option>
									</select>
								</div>
							</div>
						</li>
						<li>
							<div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-12">三级分类</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<select name="queryCategoryLevel3" id="queryCategoryLevel3" class="form-control">
										<option value="">--请选择--</option>
									</select>
								</div>
							</div>
						</li>
						<li><button type="submit" class="btn btn-primary"> 查 &nbsp;&nbsp;&nbsp;&nbsp;询 </button></li>
					</ul>
				</form>
			</div>
		</div>
	</div>
	<div class="col-md-12 col-sm-12 col-xs-12">
		<div class="x_panel">
			<div class="x_content">
				<p class="text-muted font-13 m-b-30"></p>
				<div id="datatable-responsive_wrapper"
					 class="dataTables_wrapper form-inline dt-bootstrap no-footer">
					<div class="row">
						<div class="col-sm-12">
							<a href="${pageContext.request.contextPath}/WEB-INF/jsp/developer/appinfoadd.jsp" class="btn btn-success btn-sm">新增APP基础信息</a>
							<table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
								   cellspacing="0" width="100%" role="grid" aria-describedby="datatable-responsive_info" style="width: 100%;">
								<thead>
								<tr role="row">
									<th class="sorting_asc" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="First name: activate to sort column descending"
										aria-sort="ascending">软件名称</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										APK名称</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										软件大小(单位:M)</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										所属平台</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										所属分类(一级分类、二级分类、三级分类)</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										状态</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										下载次数</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										最新版本号</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										style="width: 124px;"
										aria-label="Last name: activate to sort column ascending">
										操作</th>
								</tr>
								</thead>
								<tbody>
								<c:forEach var="appInfo" items="${pageInfo.list }" varStatus="status">
									<tr role="row" class="odd">
										<td tabindex="0" class="sorting_1">${appInfo.softwareName}</td>
										<td>${appInfo.APKName}</td>
										<td>${appInfo.softwareSize}</td>
										<td>${appInfo.flatformName}</td>
										<td>${appInfo.categoryLevel1Name} -> ${appInfo.categoryLevel2Name } -> ${appInfo.categoryLevel3Name}</td>
										<td>${appInfo.statusName }</td>
										<td>${appInfo.downloads}</td>
										<td>${appInfo.versionNo}</td>
										<td name="td9">

											<div class="btn-group">
												<button type="button" class="btn btn-danger">点击操作</button>
												<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
													<span class="caret"></span>
													<span class="sr-only">Toggle Dropdown</span>
												</button>
												<ul class="dropdown-menu" role="menu">
													<li>
														<c:if test="${appInfo.status==2 || appInfo.status==5}">
													<li><a  name="upJia" appid="${appInfo.id}"
															class="addVersion" data-toggle="tooltip" data-placement="top" title="">上架</a></li>
													</c:if>
													<c:if test="${ appInfo.status==4}">
														<li><a name="upJia" appid="${appInfo.id}"
															   class="addVersion" data-toggle="tooltip" data-placement="top" title="">下架</a></li>
													</c:if>

													</li>
													<li><a href="${pageContext.request.contextPath}/goAddVersion?appid=${appInfo.id}" class="addVersion" appinfoid="${appInfo.id }" data-toggle="tooltip" data-placement="top" title="" data-original-title="新增APP版本信息">新增版本</a>
													</li>
													<li><a class="modifyVersion"
														   appinfoid="${appInfo.id }"  status="${appInfo.status }"
														   data-toggle="tooltip" data-placement="top" title="" data-original-title="修改APP最新版本信息">修改版本</a>
													</li>
													<li><a  class="modifyAppInfo" href="${pageContext.request.contextPath}/getOneAppInfo?id=${appInfo.id}"
															data-toggle="tooltip" data-placement="top" title="" data-original-title="修改APP基础信息">修改</a></li>
													<li><a  class="viewApp" appinfoid=${appInfo.id }  data-toggle="tooltip" data-placement="top" title="" data-original-title="查看APP基础信息以及全部版本信息">查看</a></li>
													<li><a  href="${pageContext.request.contextPath}/deleteAppInfoByAppId?id=${appInfo.id}&logoLocPath=${appInfo.logoLocPath}" class="deleteApp" appinfoid=${appInfo.id } data-toggle="tooltip" data-placement="top" title="" data-original-title="删除APP基础信息以及全部版本信息">删除</a></li>
												</ul>
											</div>

										</td>
									</tr>
								</c:forEach>
								</tbody>
							</table>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-5">
							<div class="dataTables_info" id="datatable-responsive_info"
								 role="status" aria-live="polite">共${pageInfo.total }条记录
								${pageInfo.pageNum }/${pageInfo.pages }页</div>
						</div>
						<div class="col-sm-7">
							<div class="dataTables_paginate paging_simple_numbers"
								 id="datatable-responsive_paginate">
								<ul class="pagination">
									<c:if test="${pageInfo.pageNum > 1}">
										<li class="paginate_button previous"><a
												href="javascript:page_nav(1);"
												aria-controls="datatable-responsive" data-dt-idx="0"
												tabindex="0">首页</a>
										</li>
										<li class="paginate_button "><a
												href="javascript:page_nav(${pageInfo.pageNum-1});"
												aria-controls="datatable-responsive" data-dt-idx="1"
												tabindex="0">上一页</a>
										</li>
									</c:if>
									<c:if test="${pageInfo.pageNum < pageInfo.total }">
										<li class="paginate_button "><a
												href="javascript:page_nav(${pageInfo.pageNum+1 });"
												aria-controls="datatable-responsive" data-dt-idx="1"
												tabindex="0">下一页</a>
										</li>
										<li class="paginate_button next"><a
												href="javascript:page_nav(${pageInfo.pages });"
												aria-controls="datatable-responsive" data-dt-idx="7"
												tabindex="0">最后一页</a>
										</li>
									</c:if>
								</ul>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
</div>
<%@include file="common/footer.jsp"%>
<script>
    $(function(){  //加载
        //发送异步请求，获取数所据
        //加载app状态
        $.get("${pageContext.request.contextPath}/getZhuangTaiDataDictionary",null,function(data){
            for(var i=0;i<data.length;i++){
                var node=$("<option  value='"+data[i].valueid+"'>"+data[i].valuename+"</option>");
                $("#queryStatus").append(node);
            }
            //设置下拉列表选中项
            $("#queryStatus").val(${tiaojian.queryStatus});
        },"json");
        //加载平台
        $.get("${pageContext.request.contextPath}/getPingTaiDataDictionary",null,function(data){
            for(var i=0;i<data.length;i++){
                var node=$("<option value='"+data[i].valueid+"'>"+data[i].valuename+"</option>");
                $("#queryFlatformId").append(node);
            }
            //设置下拉列表选中项
            $("#queryFlatformId").val(${tiaojian.queryFlatformId});
        },"json");

        //加载一级分类
        $.get("${pageContext.request.contextPath}/getAppCategoryBySanji",null,function(data){
            for(var i=0;i<data.length;i++){
                var node=$("<option value='"+data[i].id+"'>"+data[i].categoryname+"</option>");
                $("#queryCategoryLevel1").append(node);
            }
            //设置下拉列表选中项
            $("#queryCategoryLevel1").val(${tiaojian.queryCategoryLevel1});
            //加载二级分类
            loadTwo();
        },"json");

        //为一级下拉列表添加change事件：实现二级联动
        function loadTwo(){
            // alert("我要加载二级分类");
            //通过选择的一级分类id,去查询对应的子类
            //清除下拉列表的现有项
            $("#queryCategoryLevel2>option:gt(0)").remove();
            $("#queryCategoryLevel3>option:gt(0)").remove();
            var parentId=$("#queryCategoryLevel1").val();
            if(parentId!=""){
                $.get("${pageContext.request.contextPath}/getAppCategoryBySanji",{"parentid":parentId},function(data){
                    for(var i=0;i<data.length;i++){
                        var node=$("<option value='"+data[i].id+"'>"+data[i].categoryname+"</option>");
                        $("#queryCategoryLevel2").append(node);
                    }
                    //设置下拉列表选中项
                    $("#queryCategoryLevel2").val(${tiaojian.queryCategoryLevel2});
                    //加载三级
                    loadThree();
                },"json");
            }
        }
        $("#queryCategoryLevel1").change(loadTwo);

        //为二级下拉列表添加change事件：实现二级联动
        function loadThree(){
            //通过选择的一级分类id,去查询对应的子类
            //清除下拉列表的现有项
            $("#queryCategoryLevel3>option:gt(0)").remove();
            var parentId=$("#queryCategoryLevel2").val();
            if(parentId!=""){
                $.get("${pageContext.request.contextPath}/getAppCategoryBySanji",{"parentid":parentId},function(data){
                    for(var i=0;i<data.length;i++){
                        var node=$("<option value='"+data[i].id+"'>"+data[i].categoryname+"</option>");
                        $("#queryCategoryLevel3").append(node);
                    }
                    //设置下拉列表选中项
                    $("#queryCategoryLevel3").val(${tiaojian.queryCategoryLevel3});

                },"json");
            }
        }
        $("#queryCategoryLevel2").change(loadThree);



    });

    //分页跳转
    function page_nav(pageNum){
        //1.设置页码到表单
        $("#setPage").val(pageNum);
        //2.提交表单
        $("#form1").submit();
    }

    <%--function delete1() {--%>
        <%--if(confirm('你确定要删除当前APP的信息吗?')){--%>
            <%--location.herf='${pageContext.request.contextPath}/deleteAppInfoByAppId?id=${appInfo.id}&logoLocPath=${appInfo.logoLocPath}'}--%>
    <%--}--%>

	$(function () {
        //实现上架
        $("a[name='upJia']").click(function () {
            //获取a标签
            var anode=$(this);
            //获取显示状态的单元格,将a标签所在的表单的单元格设置名称<td name=“td9”>
            var  statuNode=$(this).parents("[name='td9']").prev().prev().prev();
            var appid=$(this).attr("appid");
            if (anode.html()=="上架"){
                $.post("${pageContext.request.contextPath}/shangxiaApp",{"id":appid,"state":4},function (data) {
                    if (data.result==1){ //成功
                        //修改显示状态为"已上架
                        statuNode.html("已上架")
                        //修改操作为下架
                        anode.html("下架");
                    } else {
                        alert("失败")
                    }
                },"json")
            } else {
                $.post("${pageContext.request.contextPath}/shangxiaApp",{"id":appid,"state":5},function (data) {
                    if (data.result==1){ //成功
                        //修改显示状态为"已上架
                        statuNode.html("已下架")
                        //修改操作为下架
                        anode.html("上架");
                    } else {
                        alert("失败")
                    }
                },"json")
            }
        })
    })
</script>